<template>
    <div class="items">
        <h6 class="title"
            :style="style.title">
            {{Lang.changeemail[lang][2]}}
        </h6>
        <!-- <hb-button txt="分享我的专属海报" /> -->
        <div class="fcc"
            :style="style.box">
            <span v-text="count"
                class="count">666</span>
        </div>
    </div>
</template>

<script>
import {vpost, kpost, vlink} from '@api'
import Lang from './lang.js'
import style from './style.jsx'
export default {
	data() {
		return {
			style,
			count: '-',
			Lang,
		}
	},
	computed: {
		lang() {
			return this.$store.state.setting.lang
		},
	},
	mounted() {
		vpost(vlink.user.invite).then(re => {
			if (re.status === '1') {
				this.count = re.data.total
			}
		})
	},
	methods: {},
}
</script>

<style scoped>
.items {
	margin: 0 40px 0 0;
}
.count {
	color: var(--clr0);
}
</style>